<?php

foreach($plan as $p)
{
	/*Inforamcion del plan*/
	$id_plan=$p['id_plan'];
	$id_acuerdo=$p['id_acuerdo'];
	$titulo=$p['titulo'];
	$inicioperiodo=$p['inicioperiodo'];
	$finperiodo=$p['finperiodo'];
	$presupuesto=$p['presupuesto'];
	$horarios=$p['horarios'];
	$fechaaprobacion=$p['fechaaprobacion'];
	$numero=$p['numero'];
	$num_horas=$p['num_horas'];
	
	/*Información de la institución*/
	$institucion=$p['institucion'];
	$beneficiarios=$p['beneficiarios'];
	$comunidad=$p['comunidad'];
	$id_direccion=$p['id_direccion'];
	$id_municipio=$p['id_municipio'];
	$detalle=$p['detalle'];
	$responsable=$p['responsable'];
	$tel_responsable=$p['tel_responsable'];
	
}
?>

<form name="form_social" method="post" action="<?php echo base_url()?>index.php/social/editar_plan" enctype="multipart/form-data">
<input type="hidden" name="id_direccion" value="<?php echo $id_direccion ?>" />
<input type="hidden" name="id_acuerdo" value="<?php echo $id_acuerdo ?>" />
<input type="hidden" name="id_plan" value="<?php echo $id_plan ?>" />
	<div id="wizard" class="swMain">
        <ul>
            <li>
                <a href="#step-1">
                    <span class="stepNumber">1<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Plan</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-2">
                    <span class="stepNumber">2<small>do</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Institución</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-3">
                    <span class="stepNumber">3<small>er</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Asignaciones</small>
                    </span>
                </a>
            </li>
            <li>
                <a href="#step-4">
                    <span class="stepNumber">4<small>to</small></span>
                    <span class="stepDesc">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Paso<br/>
                        <small>&nbsp;Documentos</small>
                    </span>
                </a>
            </li>
        </ul>
        <div id="step-1">	
            <h2 class="StepTitle">Ingreso de la información del Plan</h2>
            <table>
            <tr>
            <td>
			<p>
                <label>Código del Plan: </label>
                <input type="text" name="numero" id="numero" size="15" value="<?php echo $numero ?>" />
            </p>
            <p>
                <label class="label_textarea">Título del Proyecto: </label>
                <textarea name="titulo" id="titulo" style="resize:none; width:400px" rows="3"><?php echo $titulo; ?></textarea>
            </p>
            </td>
            <td rowspan="2" width="300px" align="right">
            <p>
            	<label style="width:100px">Número de Horas: </label>
                <input type="text" name="num_horas" id="num_horas" size="5" value="<?php echo $num_horas ?>" />
            </p>
            <p>
            	<label class="label_textarea">Horarios: </label>
                <textarea name="horarios" id="horarios" style="resize:none;" rows="3"><?php echo $horarios ?></textarea>
            </p>
            <p>
                <label style="width:90px">Presupuesto ($): </label>
                <input type="text" name="presupuesto" id="presupuesto" size="10" value="<?php echo $presupuesto ?>" />
            </p>
            </td>
            </tr>
            <tr>
            <td>
            <p>
                <label>Período: 
                Desde: </label> <input type="text" name="inicioperiodo" id="inicioperiodo" value="<?php echo $inicioperiodo; ?>" />&nbsp;&nbsp;&nbsp;
                Hasta: <input type="text" name="finperiodo" id="finperiodo" value="<?php echo $finperiodo; ?>" />
            </p>
            <br />
            <p>
               <label style="width:150px">Fecha de Acuerdo de Aprobación del Plan: </label>
               <input type="text" name="fechaaprobacion" id="fechaaprobacion" value="<?php echo $fechaaprobacion ?>" />
            </p>
            </td>
           </tr>
          </table>
        </div>
        <div id="step-2">	
            <h2 class="StepTitle">Ingreso de la Información de la Institución</h2>
            <table width="900px">
            <tr>
            <td>
            <p>
                <label style="width:150px">Nombre de la Institución: </label>
                <input type="text" name="institucion" id="institucion" size="45" value="<?php echo $institucion ?>"/>
            </p>
            <p>
            	<label style="width:150px">Responsable: </label>
            	<input type="text" name="responsable" id="responsable" size="40" value="<?php echo $responsable ?>">
            </p>
            <p>
            	<label style="width:150px">Teléfono del responsable: </label>
            	<input type="text" name="tel_responsable" id="tel_responsable" size="25" value="<?php echo $tel_responsable ?>">
            </p>
           <p>
               <label style="width:150px">Municipio: </label>
               <select class="select" style="width:300px" id="id_municipio" name="id_municipio" multiple="multiple">
               <?php
			    foreach($municipios_depto as $mun)
			    {
					if($mun['id_municipio']==$id_municipio)
					{
						echo "<option selected='selected' value='".$mun['id_municipio']."'>".ucwords($mun['departamento']).", ".ucwords($mun['municipio'])."</option>";
			   		}
					echo "<option value='".$mun['id_municipio']."'>".ucwords($mun['departamento']).", ".ucwords($mun['municipio'])."</option>";
				}
               ?>
               </select> 
            </p>
            </td>
            <td>
            <p>
            	<label style="width:150px" class="label_textarea">Centro/Comunidad: </label>
            	<textarea name="comunidad" id="comunidad" style="width:200px;resize:none"><?php echo $comunidad ?></textarea>
            </p>
            <p>
            	<label style="width:150px" class="label_textarea">Detalle de la Dirección: </label>
            	<textarea name="detalle" id="detalle" style="resize:none; width:200px"><?php echo $detalle; ?></textarea>
            </p>
             <p>
            	<label style="width:150px">Número de Beneficiarios</label>
            	<input type="text" name="beneficiarios" id="beneficiarios" size="4" value="<?php echo $beneficiarios; ?>" />
            </p>
            </td>
            </tr>
            </table>
        </div>
        <div id="step-3">	
            <h2 class="StepTitle">Información de Asignación de Tutor y Estudiantes al Proyecto</h2>
            <p>
            	<label>Tutor: </label>
            	<select name="id_tutor" id="id_tutor" class="select" style="width:350px" multiple="multiple">
					<?php
					$id_tutor="";
					$id_tutor2="";
					foreach($tutor as $t)
					{
						$id_tutor=$t['id_tutor'];
					}
					foreach($tutores as $d)
					{
						$id_tutor2=$d['id_tutor'];
						if($id_tutor2==$id_tutor) echo "<option selected='selected' value='".$d['id_tutor']."'>".ucwords($d['tutor']).", ".$d['departamento']."</option>";
						else echo "<option value='".$d['id_tutor']."'>".ucwords($d['tutor']).", ".$d['departamento']."</option>";
					}
                    ?>
               </select>
            </p>
            <p>
            	<label style="width:450px">Presione click en la imagen para agregar un estudiante de Administración Académica</label>
            	<a rel="leanModal" title="Ver Estudiantes" href="#ventana">
                <img src="<?php echo base_url(); ?>img/agregar.png" width="30px" />
                </a>
           	</p>
            <p>
            	<label style="width:450px">Presione click en la imagen para agregar un estudiante registrado en la Unidad</label>
            	<a rel="leanModal" title="Ver Estudiantes" href="#vent">
                <img src="<?php echo base_url(); ?>img/agregar.png" width="30px" />
                </a>
           	</p>
            <p>
                <table align="center" class="table_design" cellpadding="0" cellspacing="0" style="width:100%">
                <thead>
                	<tr>
                    	<th>Carnet</th>
                        <th>Nombre Completo</th>
                        <th>Sexo</th>
                        <th>Teléfono</th>
                        <th>Correo</th>
                        <th>Opción</th>
                    </tr>
                </thead>
                <?php
					foreach($estudiantes as $est)
					{
						if($est['sexo']=='m') $sexo='Masculino';
						elseif($est['sexo']=='f') $sexo='Femenino';
						echo "<tr>";
						echo "<td>".$est['carnet']."</td><td>".ucwords($est['estudiante'])."</td>";
						echo "<td align='center'>".$sexo."</td><td align='center'>".$est['telefono']."</td><td align='center'>".$est['correo']."</td>";
						echo "<td><input type='checkbox' name='opc[]' value='".$est['id_estudiante']."' />Quitar</td>";
						echo "<tr>";
					}
                ?>
                <tbody id="content-table">
                </tbody>
                </table>
            </p>
        </div>
        <div id="step-4">	
            <h2 class="StepTitle">Documento de Acuerdo de Aprobación del Plan</h2>
            <?php
			$h=0;
			foreach($documentos as $doc)
			{
				if($h==0)
				{
			?>
            <p>
            	<label>Seleccione el documento de Acuerdo de Aprobación del Plan: </label>
                <input type="file" id="userfile" name="userfile" onchange="validate_fileupload(this.value)" disabled="disabled" />
                <input type="text" readonly="readonly" name="acuerdo" value="<?php echo $doc['nombre']; ?>" />
                <input type="checkbox" name="reemplazar" id="reemplazar" value="si" />Reemplazar
            </p>
            <?php
					$h++;
				}
				else
				{
				
			?>
            <p>
            	<label>Seleccione el Documento del Plan: </label>
                <input type="file" name="userfile1" id="userfile2" onchange="validate_fileupload(this.value)" disabled="disabled" />
                <input type="text" readonly="readonly" name="doc_plan" value="<?php echo $doc['nombre'] ?>" />
                <input type="checkbox" name="reemplazar2" id="reemplazar2" value="si" />Reemplazar
            </p>
            <?php
				}
			}
            ?>
        </div>
    </div>
</form>
<div id="ventana" style="width:1080px; left:10% !important;">
    <div id='signup-header'>
        <h2>Listado de Estudiantes de Académica</h2>
        <a class="modal_close" id="cerrar"></a>
    </div>

    <form method="post" id="form_estudiantes" name="form_estudiantes" style="width:875px;">

    <table class="grid" align="center">
    <thead>
    <tr>
        <th>Carnet</th>
        <th>Nombre</th>
        <th>Carrera</th>
        <th>Porcentaje</th>
        <th>Seleccionar</th>
    </tr>
    </thead>
    <tbody>
        <?php
		$b="";
        foreach($estudiantes_acad as $estud)
        {
			$b=existe_est($estudiantes,$estud['carnet']);
			if($b==false)
			{
				echo "<tr>";
				echo "<td>".$estud['carnet']."</td>";
				echo "<td>".ucwords(utf8_encode($estud['estudiante']))."</td>";
				echo "<td>".ucwords(utf8_encode($estud['carrera']))."</td>";
				echo "<td>".$estud['porcentaje']."</td>";
				echo "<td><input type='checkbox' name='alumno[]' value='".$estud['carnet']."'></td>";
				echo "<input type='hidden' name='nombre[]' value='".ucwords(utf8_encode($estud['estudiante']))."' >";
				echo "<input type='hidden' name='datos[]' value='".$estud['cod_carrera']."**".utf8_encode($estud['nombre'])."**".utf8_encode($estud['apellido'])."' >";
				echo "</tr>";
			}
        }
        ?>
    </tbody>
    </table>
     <p style="text-align: center;">
        <button type="button" class="boton_validador" id="agregar1">Agregar</button>
    </p>
</form>
</div>

<div id="vent" style="width:1080px; left:10% !important;">
    <div id='signup-header'>
        <h2>Listado de Estudiantes Registrados en la Unidad</h2>
        <a class="modal_close" id="cerrar"></a>
    </div>

    <form method="post" id="form_estudiantes2" name="form_estudiantes2" style="width:875px;">

    <table class="grid" align="center">
    <thead>
    <tr>
        <th>Carnet</th>
        <th>Nombre</th>
        <th>Carrera</th>
        <th>Seleccionar</th>
    </tr>
    </thead>
    <tbody>
        <?php
		$b2="";
        foreach($estudiantes_ups as $estud_ups)
        {
			$b2=existe_est($estudiantes,$estud_ups['carnet']);
			if($b2==false)
			{
				echo "<tr>";
				echo "<td>".$estud_ups['carnet']."</td>";
				echo "<td>".ucwords($estud_ups['estudiante'])."</td>";
				echo "<td>".ucwords($estud_ups['carrera'])."</td>";
				echo "<td><input type='checkbox' name='alumno1[]' value='".$estud_ups['carnet']."'></td>";
				echo "<input type='hidden' name='nombre1[]' value='".$estud_ups['estudiante']."' id='".$estud_ups['carnet']."' >";
				echo "<input type='hidden' name='tel[]' value='".$estud_ups['telefono']."' >";
				echo "<input type='hidden' name='email[]' value='".$estud_ups['correo']."'  >";
				if($estud_ups['sexo']=='m')	echo "<input type='hidden' name='sex[]' value='Masculino' >";
				else echo "<input type='hidden' name='sex[]' value='Femenino'>";
				echo "</tr>";
			}
        }
        ?>
    </tbody>
    </table>
     <p style="text-align: center;">
        <button type="button" class="boton_validador" id="agregar2">Agregar</button>
    </p>
</form>
</div>

<script language="javascript">
/*Municipio2= Municipio2.replace(/ /g, '_');

municipios(departamento,Municipio2);*/

function omitirAcentos(text)
{
    var acentos = "ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãàáäâèéëêìíïîòóöôùúüûÑñÇç";
    var original = "AAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuunncc";
    for (var i=0; i<acentos.length; i++)
	{
        text = text.replace(acentos.charAt(i), original.charAt(i));
    }
    return text;
}

$(document).ready(function(){
	
	$('#wizard').smartWizard();
	
	function startChange()
	{
		var startDate = start.value(),
		endDate = end.value();
	
		if (startDate) 
		{
			startDate.setDate(startDate.getDate());
			end.min(startDate);
		}
		else if (endDate)
		{
			start.max(new Date(endDate));
		}
		else
		{
			endDate = new Date();
			start.max(endDate);
			end.min(endDate);
		}
	}
	
	function endChange()
	{
		var endDate = end.value(),
		startDate = start.value();
	
		if (endDate)
		{
			endDate = new Date(endDate);
			endDate.setDate(endDate.getDate());
			start.max(endDate);
		}
		else if (startDate)
		{
			end.min(new Date(startDate));
		}
		else
		{
			endDate = new Date();
			start.max(endDate);
			end.min(endDate);
		}
	}
	
	var start = $("#inicioperiodo").kendoDatePicker({
		change: startChange,
		format: "dd-MM-yyyy" 
	}).data("kendoDatePicker");

	var end = $("#finperiodo").kendoDatePicker({
		change: endChange,
		format: "dd-MM-yyyy" 
	}).data("kendoDatePicker");

	start.max(end.value());
	end.min(start.value());
	
	var fecha_acuerdo=$("#fechaaprobacion").kendoDatePicker({
		culture: "es-SV",
		format: "dd-MM-yyyy"
	}).data("kendoDatePicker");
	
	
	$('#numero').validacion({
		req:true,
		patt: /^([P]{1}[./]{1}[0-3]{1}[0-9]{1}[.-][0|1]{1}[0-9]{1}[.-][2]{1}[0-9]{3}[./][I|V|X|L]{1,2}[.-]{1}[0-9]{1,4})$/i,
		men: "formato correcto: P/dd-mm-aaaa/XX-####"
	});
	$('#titulo').validacion({
		req:true,
		lonMin:15
	});
	$('#num_horas').validacion({
		req:true,
		ent:true,
		numMin:300
	});
	$('#horarios').validacion({
		req:true,
		lonMin:15
	});
	$('#presupuesto').validacion({
		req:true,
		valPrecio:true	
	});
	$('#inicioperiodo').validacion({
		req:true,
		valFecha:true
	});
	$('#finperiodo').validacion({
		req:true,
		valFecha:true
	});
	$('#fechaaprobacion').validacion({
		req:true,
		valFecha:true
	});
	$('#institucion').validacion({
		req:true
	});
	$('#responsable').validacion({
		req:true,
		valNombre:true
	});
	$('#tel_responsable').validacion({
		req:true,
		patt: /^([2|6|7]{1}[0-9]{3}[.-]{0,1}[0-9]{4})$/i,
	});
	$('#id_municipio').validacion({
		req:true
	});
	$('#comunidad').validacion({
		req:false,
		lonMin:3
	});
	$('#detalle').validacion({
		req:false,
		lonMin:3
	});
	$('#beneficiarios').validacion({
		req:true,
		ent:true
	});
	$('#id_tutor').validacion({
		req:true
	});
	$('#userfile').validacion({
		req:false
	});
	$('#userfile2').validacion({
		req:false
	});
	
});

$('#reemplazar').change
(
	function()
	{
		if($("#reemplazar").is(':checked'))
		{  
			$("#userfile").attr("disabled",false);
		}
		else
		{
			$("#userfile").attr("disabled",true);
		} 
	}
);

$('#reemplazar2').change
(
	function()
	{
		if($("#reemplazar2").is(':checked'))
		{  
			$("#userfile2").attr("disabled",false);
		}
		else
		{
			$("#userfile2").attr("disabled",true);
		} 
	}
);

$('#agregar1').click(function()
{
	chk=document.getElementsByName('alumno[]');
	nombre=document.getElementsByName('nombre[]');
	cnt=document.getElementsByName('carnet[]');
	data=document.getElementsByName('datos[]');
	
	var cont=$('#content-table').html();
	for(i=0;i<chk.length;i++)
	{
		bandera=false;
		for(j=0;j<cnt.length;j++)
		{
			if(chk[i].value==cnt[j].value) bandera=true;
		}
		
		if(chk[i].checked && bandera==false)
		{
			cont=cont+'<tr>';
			cont=cont+'<td>'+chk[i].value+'</td>';
			cont=cont+'<td>'+nombre[i].value.capitalize()+'</td>';
			cont=cont+'<td align="center"><select class="select" name="sexo[]"><option value="0">Seleccione</option><option value="m">Masculino</option><option value="f">Femenino</option></select></td>';
			cont=cont+'<td align="center"><input type="text" name="telefono[]" size="6" maxlength="9"></td>';
			cont=cont+'<td align="center"><input type="text" name="correo[]" size="20"><input type="hidden" name="info[]" value="'+data[i].value+'"></td>';
			cont=cont+'<td>&nbsp;</td>';
			cont=cont+'</tr>';
			cont=cont+'<input type="hidden" name="carnet[]" value="'+chk[i].value+'" >';
		}
	}
	$('#content-table').html(cont);
	$('#cerrar').click();
});

$('#agregar2').click(function()
{
	chk=document.getElementsByName('alumno1[]');
	nombre=document.getElementsByName('nombre1[]');
	cnt=document.getElementsByName('carnet[]');
	sex=document.getElementsByName('sex[]');
	tel=document.getElementsByName('tel[]');
	email=document.getElementsByName('email[]');
	
	var cont=$('#content-table').html();
	for(i=0;i<chk.length;i++)
	{
		bandera=false;
		for(j=0;j<cnt.length;j++)
		{
			if(chk[i].value==cnt.item(j).value) bandera=true;
		}
		
		if(chk[i].checked && bandera==false)
		{
			cont=cont+'<tr>';
			cont=cont+'<td>'+chk[i].value+'</td>';
			cont=cont+'<td>'+nombre[i].value.capitalize()+'</td>';
			cont=cont+'<td align="center">'+sex.item(i).value+'</td>';
			cont=cont+'<td align="center">'+tel.item(i).value+'</td>';
			cont=cont+'<td align="center">'+email.item(i).value+'</td>';
			cont=cont+'<td>&nbsp;</td>';
			cont=cont+'</tr>';
			cont=cont+'<input type="hidden" name="carnet[]" value="'+chk[i].value+'" >';
		}
	}
	$('#content-table').html(cont);
	$('#cerrar').click();
});

function validate_fileupload(fileName)
{
    var allowed_extensions = new Array("DOC","doc","DOCX","docx","PDF","pdf","XPS","xps","JPG","jpg","PNG","png","GIF","gif");
    var file_extension = fileName.split('.').pop(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
    var tipoArchivo= false;
    for(var i = 0; i <= allowed_extensions.length; i++)
    {
        if(allowed_extensions[i]==file_extension)
        {
     		tipoArchivo=true;
            return true; // valid file extension
            
        }
    }
    alertify.alert("Seleccione un archivo válido, de formato: .doc | .docx | .pdf | .xps | .jpg | .png | .gif");
	tipoArchivo=false;
    return false;
}

</script>
<?php
function existe_est($est_array,$est)
{
	foreach($est_array as $estu)
	{
		if(strcmp($estu['carnet'],$est)==0)
		{
			return true;
		}
	}
	
	return false;
}
?>